body{
	background:#f5f5f5;
	max-width: 1920px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
}
input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px white inset!important;
}
a{
    transition: none;
}
img{
    pointer-events: none;
}
/* profile-builder登录注册档案等表单样式start */
#wppb_general_top_error_message{color: red}
.wppb-user-forms .wppb-form-error{color: #ff4646}
.wppb-user-forms .wppb-required{color: red;margin-left: 5px;vertical-align: middle}
.wppb-user-forms label,.wppb-user-forms input[type="text"],
.wppb-user-forms select,.wppb-user-forms textarea
,.wppb-user-forms input[type="email"],.wppb-user-forms input[type="password"],.wppb-user-forms input[type="submit"]
{width: 100%}
.wppb-user-forms input,.wppb-user-forms select{
    height: 34px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.15);}
.wppb-user-forms textarea{
    background: #fff;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 4px;
    min-width: 100%;
    max-width: 100%;
    min-height: 100px}
.wppb-user-forms input[type="text"], .wppb-user-forms input[type="password"],.wppb-user-forms input[type="email"]{
    padding: 0 8px;
    padding-top: 0px;
    padding-right: 8px;
    padding-bottom: 0px;
    padding-left: 8px;
    border-radius: 4px;
}
.wppb-user-forms p{margin:0}
.wppb-user-forms ul{list-style: none;padding:0;}
.wppb-user-forms label {
    margin: 8px 0 4px;
}
.wppb-user-forms p:first-child label,.wppb-user-forms li:first-child label{
    margin-top: 16px;
}
.wppb-user-forms input#rememberme{width:auto;height: auto}
.wppb-user-forms input#user_consent_gdpr{height: auto;margin-right: 3px;}
.wppb-user-forms input[type="submit"]{background: #00a5dd;
    color: #fff;
    margin:10px 0 15px 0;
    font-weight: 700;
    font-size: 16px;
    border-radius: 4px;
    height: 40px}
.wppb-user-forms input[disabled="disabled"]{background: #f7f7f7;}
.wppb-user-forms input[type="submit"]:hover{background:#008cd6}
.wppb-user-forms #pass-strength-result {
    display: block!important;
    background-color: #eee;
    border: 1px solid #ddd;
    display: none;
    padding: 0 5px;
    color: #111;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    line-height: 38px;
    height: 40px;
    margin: 10px 0 5px 0;
}
#pass-strength-result.short {
    background-color: #ffa0a0;
    border-color: #f04040;
}
#pass-strength-result.bad {
    background-color: #ffb78c;
    border-color: #ff853c;
}
#pass-strength-result.strong {
    background-color: #c3ff88;
    border-color: #8dff1c;
}
#pass-strength-result.good {
    background-color: #ffec8b;
    border-color: #fc0;
}
#wppb_register_pre_form_message,#wppb_form_success_message{margin:0;padding:10px 0;}
select.ui-datepicker-year,select.ui-datepicker-month{color:#333;}
ul.wppb-radios li{display: inline-block;}
ul.wppb-radios li label.wppb-rc-value{margin:0;}

/*自定义页面*/
.wrap{
    margin: 20px auto;
    background: #fff;
    border: 1px solid #eee;
    padding: 40px 25px;
    font-family: "Microsoft Yahei UI","Microsoft Yahei","Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","Hiragino Sans GB","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif;
    font-size: 0.875em;
    box-sizing: border-box;
    width: 600px;
    padding: 80px 70px;
    margin-top: 30px;
}
@media(max-width: 1217px){
    .wrap{
        width: 420px;
        padding: 40px 30px;
    }
}
.login-box{
    width: 420px;
    position: absolute;
    top: 70px;
    right: 0;
    margin-top: 0;
    padding: 40px 30px;
}
.bg-wrap {
    width: 1200px;
    height: 780px;
    position: relative;
    margin: 0 auto;
}
.bg-panel {
    width: 100%;
    background: #c3c5bf;
}
.home-btn-box{
	margin-bottom: 20px;
}
.home-btn-logo{
    padding: 0;
    margin: auto;
    margin-bottom: 15px;
    text-align: center;
}
.home-btn-logo a{
    display: block;
}
.home-btn-logo a img{
	max-height: 100%;
    vertical-align: middle;
    text-align: center;
    width: 180px;
}
.home-btn-box h2{
	margin:0;
	color: #000;
    text-align: center;
    font-size: 20px;
}
.wppb-error{
	padding: 10px;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
	margin-bottom: 15px;
}
.wrap .wppb-user-forms p label,.wrap .wppb-user-forms .wppb-form-field label{
	width: auto;
	margin:0 0 5px;
	font-weight: 700;
	color: #333;
	max-width: 100%;
	font-size: 14px;
    display: block;
}
.wrap .wppb-user-forms input[type="text"],
.wrap .wppb-user-forms input[type="password"],
.wrap .wppb-user-forms input[type="email"]{
    padding: 5px 12px;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ccc;
    font-size: 15px;
}
.wrap .wppb-user-forms p,.wrap .wppb-user-forms .wppb-form-field{
	margin-bottom: 15px;
	position: relative;
}
.wrap .wppb-user-forms input[type="submit"]{
    margin:0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border-radius: 0;
    border: none;
    box-shadow: none;
}
.grecaptcha-badge{
    display: block;
    visibility: visible;
}
.wrap .wppb-user-forms p.login-remember label,
.wrap .wppb-user-forms .wppb-form-field.wppb-gdpr-checkbox label{
    font-weight: 400;
    margin-bottom: 0;
}
.wrap .wppb-user-forms p.login-submit{
    margin-bottom: 10px;
}
.wrap .wppb-user-forms p.login-register-lost-password{
    font-size: 0;
}
.wrap .wppb-user-forms p.login-register-lost-password::after{
    content: '';
    display: table;
    clear: both;
}
.wrap .wppb-user-forms p.login-register-lost-password a{
    font-size: 15px;
    color: #008cd6;
}
.wrap .wppb-user-forms p.login-register-lost-password a:hover{
    color: #005684;
}
.wrap .wppb-user-forms p.login-register-lost-password a:first-child{
    float: left;
}
.wrap .wppb-user-forms p.login-register-lost-password a:last-child{
    float: right;
}
.wrap .wppb-sc-heading-before-reg-buttons{
    text-align: center;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.wrap .wppb-sc-heading-before-reg-buttons h3{
    margin:0;
    font-size: 14px;
    color: #999;
    text-align: center;
    padding: 0 10px;
}
.wrap .wppb-sc-heading-before-reg-buttons .dividing-line{
    -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 1px; background: #cccccc;
    -webkit-box-sizing: border-box;  -o-box-sizing: border-box;  -ms-box-sizing: border-box;  box-sizing: border-box;
    display: block;
}
.wrap .wppb-sc-heading-before-reg-buttons{
    margin:20px 0 15px;
}
.wrap .wppb-sc-buttons-container {
    text-align: center;
}
.wrap .wppb-sc-buttons-container .wppb-sc-button{
    margin:0 20px 0 0;
    padding:0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    transition: none;
}
.wrap .wppb-sc-buttons-container .wppb-sc-button:last-of-type{
    margin-right: 0;
}
.wrap .wppb-sc-buttons-container .wppb-sc-button i{
    font-size: 15px;
}
[class^="wppb-sc-icon-"]:before, [class*=" wppb-sc-icon-"]:before{
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin:0;
}
.wrap .wppb-user-forms input#rememberme{
    vertical-align: top;
}

.bg-panel .logo{
    position: absolute;
    top: 0;
    left: 243px;
}
.bg-panel .logo a {
    display: block;
    height: 52px;
    width: 145px;
    background-image: url(//www.alldocube.com/en/wp-content/uploads/2020/01/alldocube-login-icon.png);
    background-size: 100% 100%;
}


@media(max-width: 1217px){
    .foot{
        padding:80px 20px 20px;
    }
    .bg-panel .logo{
        left: 20px;
    }
    .bg-img{display: none;}
    .bg-wrap{
        width: 100%;
        background: url(http://www.51cube.com/wp-content/uploads/2020/01/login-background.jpg) no-repeat center;
        background-size: cover;
    }
    .bg-wrap .login-box{
        right: 20px;
    }
}
@media(max-width: 450px){
    body, html {
        width: 100%;
        min-height: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
        background: #fff;
    }
    .wrap{
        margin: 0;
        width: 100%;
        border: none;
    }
    .bg-panel .logo,.foot{
        display: none;
    }
    .bg-wrap .wrap{
        position: static;
        top: 0;
    }
    .bg-wrap{
        background: transparent;
        height: auto;
    }
    .home-btn-logo a img{
        width: 45vw;
    }
}
@media(max-width: 320px){
    .wrap{
        padding:30px 15px;
    }
}




.foot {
    padding: 135px 0 30px;
    text-align: center;
    font-size: 11px;
    color: #666;
}
.foot .service a {
    text-decoration: none;
    color: #333;
}
.foot .service a img {
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 10px;
}
.foot .service a span.privacy-policy{
    margin-right: 30px;
}
.foot .copyright{
    padding:10px 0;
}
.foot .copyright p{
    margin:0;
}
@media(max-width: 1217px){
    .foot {
        padding: 80px 20px 20px;
    }
}



.wrap .wppb-success,
.wrap .wppb-warning,
.wrap .wppb-error{
    padding: 10px 45px;
    margin: 15px auto;
    border-radius: 5px;
    border-radius: 5px;
    font-size: 15px;
    position: relative;
}
.wrap .wppb-success::before,
.wrap .wppb-warning::before,
.wrap .wppb-error::before{
    font-family: FontAwesome;
    width: 24px;
    height: 24px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    font-size: 14px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.wrap .wppb-success .close-btn,
.wrap .wppb-warning .close-btn,
.wrap .wppb-error .close-btn{
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    font-size: 24px;
    position: absolute;
    right: 10px;
    top: 45%;
    transform: translateY(-50%);
    cursor: pointer;
}
@media(max-width: 1217px){
    .wrap .wppb-success,
    .wrap .wppb-warning,
    .wrap .wppb-error{
        padding:6px 30px;
        font-size: 13px;
    }
    .wrap .wppb-success::before, 
    .wrap .wppb-warning::before, 
    .wrap .wppb-error::before{
        width: 16px;
        height: 16px;
        font-size: 12px;
        line-height: 16px;
        left: 7px;
    }
    .wrap .wppb-success .close-btn, .wrap .wppb-warning .close-btn, .wrap .wppb-error .close-btn{
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-size: 18px;
        right: 5px;
    }
}
.wrap .wppb-success{
    color: #688167;
    background: #daf3d8;
    border: 1px solid #d5e4c4;
}
.wrap .wppb-success::before{
    content: '\f00c';
    background: #688167;
}
.wrap .wppb-warning{
    color: #8e7a47;
    background: #f9f4c9;
    border: 1px solid #dedaae;
}
.wrap .wppb-warning::before{
    content: '\f071';
    background: #8e7a47;
}
.wrap .wppb-error{
    color: #c4494b;
    background: #f2c9c7;
    border: 1px solid #d8bcc2;
}
.wrap .wppb-error::before{
    content: '\f00d';
    background: #c4494b;
}


.wrap #wppb-recover-password p{
    font-size: 16px;
    color: #333;
}
.wrap .account-complain{
    margin-top: 60px;
    font-size:15px;
    color: #666;
}
.wrap .account-complain a{
    color: #008cd6;
    margin-left: 8px;
}
.wrap .account-complain a:hover{
    color: #005684;
}







.wrap .wppb-user-forms .wppb-form-field.wppb-gdpr-checkbox label{
    font-size: 15px;
}

.wrap .wppb-description-delimiter,.wrap .wppb-form-error{
    font-size: 15px;
}
.wrap .login-wrap{
    font-size: 15px;
    color: #414141;
}
.wrap .login-wrap a{
    color: #008cd6;
    margin-left: 8px;
}
.wrap .login-wrap a:hover{
    color: #005684;
}